<!DOCTYPE html>
<html>
	<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery动画图片拖动排序效果</title>
<style>
	div,ul{overflow: hidden;}
	img{height: 100px;}
</style>
</head>
<body>

<input type="button" value="点我" id="btn" /><br>

<img id="img" src="" alt="请选择图片" title="请选择图片" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/layer/layer.js"></script>
<script>
	
	function update(url){
		$("#img").attr("src",url);
		layer.closeAll();
	}
	$(function(){
		$("#btn").click(function(e){
			layer.closeAll();
			layer.open({
			  type: 2,
			  title:false,
			  area: ['650px','100px'],
			  shadeClose: true, //点击遮罩关闭
			  content: 'photos.html',
			  shade:0.001,
			  offset:[e.pageX+"px",$(this).offset().top+$(this).height()+"px"],
			  closeBtn:0,
			  });
			})
	})
</script>
</body>
</html>